<template>
	<view class="card" :style="{marginTop: source.margin + 'px', marginBottom: source.margin2 + 'px'}">
		<wx-auth :type="1" :link="source.img"></wx-auth>
		<image :src="source.img.url" class="img"></image>
		<view class="name">
			<view><view class="tag">{{ source.activity }}</view><view class="title">{{ source.title }}</view></view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			source: [Object]
		}
	}
</script>

<style lang="less" scoped>
@import '../../../common/styles/variables.less';
.card {
	margin: 0 15upx;
	border-radius: 10upx;
	overflow:hidden;
	background-color: #fff;
	position: relative;
	.img {
		width: 100%;
		display:block;
	}
	.name {
		& > view {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 15upx 0;
			& > view {
				font-size: @medium;
				&.tag {
					background-color:@red;
					color:white;
					padding: 4upx 20upx;
					margin-right: 10upx;
					font-size: @minSize;
				}
			}
		}
	}
}
</style>
